@import "./table.scss";
@import "./dialog-css.scss";
@import "./form.scss";
@import './sidebar.scss';

html,
body {
  height: 100%;
  margin: 0;
}

//.el-popconfirm__main{
//  word-break: keep-all;
//  white-space: nowrap;
//}
//
.el-popover.el-popper {
  min-width: 180px !important;
  //max-width: 180px !important;
}

.temperature {
  background: linear-gradient(90.0deg, rgba(255, 166, 87, 1) 0.0, rgba(255, 254, 250, 1) 100.0%);
  border-radius: 10px;
  height: 20px;

  .el-slider__runway {
    background-color: rgba(0, 0, 0, 0);

    .el-slider__bar {
      background-color: rgba(0, 0, 0, 0);
    }
  }
}

.pb-10 {
  padding-bottom: 10px !important;
}

.cell {
  word-break: break-word !important;
}

.d-contents {
  display: contents;
}

.w-auto {
  width: auto !important;
}

.el-step__main{
  .el-step__title{
    word-break: break-word !important;
  }
}

.el-form-item__label{
  word-break: break-word !important;
}


.table-tooltip{
  max-width: 90%;
}

.subtitle-text{
  font-family: auto !important;
}

.is-controls-right {
  width: 100%;
  min-width: 100px;
}

.el-collapse-item__header {
  font-size: 15px;
  font-weight: bold;
}



.n-layout-scroll-container{
  overflow: hidden !important;
}

.btn-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-info{
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-warning{
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger{
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-sm{
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

a{
  text-decoration: none;
}

.btn-lg{
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.el-form--inline .el-form-item{
  margin-right: 10px !important;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

:root {
  --header-bg-color: #002538;
  --header-hover-bg-color: #003652;
}


.border-png-dongyou{
  height: 100%;
  border-style: solid;
  border-image-slice: 14 fill;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background: none;
}
.el-button--primary.is-link, .el-button--primary.is-plain, .el-button--primary.is-text{
  --el-button-hover-border-color: var(--el-color-primary);
}
.position-center{
  position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.indexNumber {
  border-radius: 18px;
  background-color: gray;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  color: white;
  margin-top:10px;
}

* {
  box-sizing: border-box;
}

.full-width {
  width: 100%;
}

.f-r{
  float: right;
}

.p-10 {
  padding: 10px !important;
}
.p-20{
  padding: 20px;
}

.wh-100{
  height: 100%;
  width: 100%;
}

.h-100{
  height: 100% !important;
}


.mr5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5{
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.m-10{
  margin: 10px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.el-menu::-webkit-scrollbar { width: 0 !important }


.mb-15 {
  margin-bottom: 15px !important;
}

.w-100 {
  width: 100% !important;
}

.mr10 {
  margin-right: 10px !important;
}

.m-5 {
  margin: 5px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.border {
  text-align: -webkit-center;
}

.pt-15 {
  padding-top: 15px !important;
}

.pl-5{
  padding-left: 5px !important;
}

.bg-white {
  background-color: #fff !important;
}

.p-lr-25 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-70 {
  padding-left: 70px !important;
}


:focus-visible {

  outline: none;

}

.center {
  text-align: center;
}

.f-center {
  display: flex;
  justify-content: center;
}
.f-left {
  display: flex;
  //justify-content: center;
  flex: 1;
}


.left-icon {
  margin-right: 10px;
}

.el-dropdown-menu__item--divided:before {
  margin: 0;
}

.operation-icon {
  outline: 0;
  width: 1em;
  height: 1em;
  margin-right: 8px;
  cursor: pointer;
  color: #409eff;
}

.black{
  color: #333;
}

.hideShadow{
  box-shadow:none !important;
}

.analysis-icon {
  outline: 0;
  width: 1em;
  height: 1em;
  margin-right: 8px;
  cursor: pointer;
}


.Icon {
  outline: 0;
  width: 1em;
  height: 1em;
  cursor: pointer;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}



.test-tip{
  border: 1px solid #e3e0e0 !important;
  color: #606266;
  opacity: 0.8;
}


a,
a:focus,
a:hover {
  cursor: pointer;
  // color: inherit;
  // text-decoration: none;
}

.a-link{
  cursor: pointer;
  color: -webkit-link !important;
  text-decoration: underline;
}

.a-cursor{
  cursor: pointer;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

.popover {
  background: #fff;
}
.popover-header{
  background: #fff;
  background-color: #fff !important;
}

.flex {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.al-flex {
  display: flex;
  align-items: center;
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

// main-container global css
.app-container {
  padding: 10px 20px 20px 20px;
  height: 95%;
  // height: calc(100% - 120px);
  //overflow: hidden;
}

.app-form-container {
  padding: 20px;
  height: 100%;
  overflow: hidden;
}

// button color class
.primary {
  color: #409EFF;
}

.success {
  color: #67C23A;
}

.warning {
  color: #E6A23C;
}

.danger {
  color: #F56C6C;
}

.info {
  color: #909399;
}
.el-popper.is-light{
  border: none;
}
.el-menu--horizontal{
  border-bottom: none;
}

.el-dropdown{
  .el-dropdown-link{
    outline: none;
  }

}


.el-menu--popup-right-start{
  background-color: rgb(31, 45, 61) !important;
  overflow-y: unset !important;
}
